<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<link href="style.css" rel="stylesheet" type="text/css"/>

	<title>Home page</title>
</head>

<body>

<div id="wrapper">

    <div id="header_outer">
        <div id="header">
            
        
            <div id="logo">
            <a href="#"><img src="images/logo.png" alt="logo"/></a>
            </div><!--End #Logo-->
            
            <div id="canter_head">
               <div class="main-center">
                     
                 <p  class="human"><span>MEMBER LOGIN      |</span><span><a href="#">SIGN UP</a></span></p>
					
				 
				  
				  <p><a class="cart">SHOPPING CART</a></p>
				 <p class="clock_">Earliest Delivery : 25 Jan 2013 Between 2.00pm to 5.30pm</p>
              </div>
            </div><!--End #control-->
         
            
            <div id="search">
              <input type="text" value="" name="search_query" id="search_query_top" class="search_query ac_input" autocomplete="off">
              <span class="la"></span>
            </div><!--End #Menubar-->
            <div class="clear"></div>
			<div class="menu">
			   <ul>
			      <li><a href="#"><span>SHOP BY</span> <br />CATEGORY</a></li>
	    	      <li><a href="#"><span>SHOP BY</span> <br />Occasion</a></li>
                  <li><a href="#"><span>SHOP BY</span> <br />CATEGORY</a></li>
                  <li><a href="#"><span>Do you know?</span> <br /></a></li>
                  <li><a href="#"><span>Contact us</span> <br /></a></li>
			   </ul>
			
			</div>
			
        </div><!--End #Header-->
    </div><!--End #Header_outer-->
    
    <div id="content_outer1">
        <div id="content1">
            <div id="left-cate">
               <div id="main-cate">
                  <div class="item_cate">
                     <h3>Hampers</h3>
                     <ul class="menubar">
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                     </ul>
                  </div>
                  
                   <div class="item_cate">
                     <h3>Hampers</h3>
                     <ul class="menubar">
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                     </ul>
                  </div>
                  
                   <div class="item_cate">
                     <h3>Hampers</h3>
                     <ul class="menubar">
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                       <li><a href="#">Anions Hampers</a></li>
                     </ul>
                  </div>
                  
               </div>
            </div><!--end #left_cate-->
            
            <div id="right_cate">
               <div id="top_cate">
                  <div id="left-top-cate">
                     <h1>ANION HAMPERS</h1>
                  </div>
                  <div id="center-top-cate">
                    <div id="main-des">
                     It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters
                    </div>
                  </div>
                  <div id="img_show">
                     <img src="images/top-left-img.png" />
                  </div>
               </div><!--end top_cate-->
              
               <div id="bottom_cate">
                    <div id="main-bt">
                       <div id="cate_control">
                          <div id="left-sl">
                            <p>
                              <label>Soft By</label>
                              <select>
                                <option>1</option>
                              </select>
                            </p>
                          </div>
                          <div id="right-sl">
                            <ul>
                               <li>Page</li>
                               <li class="nb"><a href="#">1</a></li>
                               <li class="nb"><a href="#">1</a></li>
                               <li class="nb"><a href="#">1</a></li>
                               <li class="nb"><a href="#">1</a></li>
                               <li ><a href="#">View all</a></li>    
                            </ul>
                          </div>
                       </div>
                      
                    </div>
                    
                    <div id="product_show">
                      <div class="item_pr_show">
                        <div class="main-pr-show">
                         <img src="images/sp1.png" />
                         <p class="price pr">$23</p>
                          <a class="buy">Buy now</a>
                         </div>
                      </div>
                      
                     <div class="item_pr_show">
                        <div class="main-pr-show">
                         <img src="images/sp1.png" />
                         <p class="price pr">$23</p>
                          <a class="buy">Buy now</a>
                         </div>
                      </div>
                      
                      <div class="item_pr_show">
                        <div class="main-pr-show">
                         <img src="images/sp1.png" />
                         <p class="price pr">$23</p>
                          <a class="buy">Buy now</a>
                         </div>
                      </div>
                      
                    </div>
                    
               
               </div>
              
            </div>
           
            
        </div><!--End #Content-->
    </div><!--End #Content_outer-->
    <div id="footer_outer">
        <div id="footer">
            <div id="footer_menu">
                
                <div class="fm_item">
                    <img src="images/footer.png" />
                </div><!--End .fm_item-->
                
          
                  <div class="clear"></div>
            </div><!--End #Footer_menu-->
            <p style="text-align: center; color: black; padding: 5px 0px; font-weight: normal; font-family: arial !important; font-size: 14px;"  >Copyright® Happyhampy.com 2013<br />
            </p>
       
        
        </div><!--End #Footer-->
    </div><!--End #Footer_outer-->

</div><!--End #Wrapper-->


</body>
</html>